  <script type="text/javascript">
    $('#tooltip').tooltip(options)
  </script>
    <style type="text/css">
      #message_box { 
      position: absolute; 
      top: 0; 
      right: 0; 
      z-index: 10; 
	   	background: rgba(0, 0, 0, 0.5);
	   	padding: 5px;
      text-align:center; 
      font-weight:bold;
	   	/*margin-top: 80px;*/
      }
      @media (max-width: 1024px) { 
		    #message_box {
			    margin-top: 125px;
  		  }
  		}
    </style>
    <script type="text/javascript">
      $(document).ready(function(){
	     // pastikan message/pesan selalu berada di bagian atas browser
	     $(window).scroll(function(){
  		    $('#message_box').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350});  
	     });
       // ketika tombol silang di klik 
	     $('#close_message').click(function(){
		      $('#message_box').animate({ top:"+=50px",opacity:0 }, "slow");
	     });
      });
    </script>

    <div class="container margin-top-content">
      <div class="row">
        <div class="col-md-10 col-md-offset-1">
          <div class="col-md-12">
            <div class="row outer-border shadow singlepage">
              <div class="col-md-9 padding15" id="deskripsi">
					<h4 class="font-biru judul-singlepage"><?php echo $hasil['judul']?></h4>
					<?php
				
						if($hasil['gambar']==""){
									$gambar="default.jpg";
								}else{
									$gambar=$hasil['gambar'];
								}
								$path_gambar=base_url()."foto_portofolio/".$gambar;
								?>
								<img src="<?php echo $path_gambar?>" alt="<?php echo $hasil['judul']?>"/>
								<p class="jarak-scroll" id="spek_desk"></p>
								<h4 class="judul-allclient">Deskripsi</h4>
								<?php
								echo $hasil['konten'];
								?>
								<p class="jarak-scroll" id="spek_alur"></p>
								<h4 class="judul-allclient">Alur</h4>
								<?php
								echo $hasil['alur'];
								?>
								<p class="jarak-scroll" id="spek_fitur"></p>
								<h4 class="judul-allclient">Fitur</h4>
								<?php
								echo $hasil['fitur'];
								?>
								<p class="jarak-scroll" id="spek_hd"></p>
								<h4 class="judul-allclient">Spesifikasi Hardware</h4>
								<?php
								echo $hasil['spek_hardware'];
								?>
								<p class="jarak-scroll" id="spek_client"></p>
								<h4 class="judul-allclient">Klien</h4>
								<?php
								echo $hasil['client'];
								?>
								<br>
								<div class="smpl-share">
                  <div class="item1">Share to :</div>
                  <div class="facebook item2"></div>
                  <div class="twitter item2"></div>
                  <div class="googleplus item2"></div>
                </div>
              </div>
			  
			  <div class="col-md-3 padding15">
                <?php
                  $this->load->view('sidebar_portofolio');
                ?>
        <div class="clearfix"></div>
        </div>
            <div class="clearfix"></div>
            </div>
          </div>
        <div class="clearfix"></div>
        </div>
      </div>
    </div><!-- /.container -->